<template>
    <!-- Speed Dial Wrap -->
    <div class="speed-dial">
        <!-- FAB inside will open Speed Dial actions -->
        <a href="#" class="floating-button">
            <!-- First icon is visible when Speed Dial actions are closed -->
            <i class="icon icon-plus"></i>
            <!-- Second icon is visible when Speed Dial actions are opened -->
            <i class="icon icon-close"></i>
        </a>
        <!-- Speed Dial Actions -->
        <div class="speed-dial-buttons">
            <!-- First Speed Dial button -->
            <a href="#">
                <i class="icon icon-heart"></i>
            </a>
            <!-- Second Speed Dial  button -->
            <a href="#" @click="asLiked">
                <i :class="['icon', item.visitorStatus != null && this.item.visitorStatus.isLike ? 'icon-star-fill' : 'icon-star']"></i>
            </a>
            <!-- Third Speed Dial  button -->
            <a href="#">
                <i class="icon icon-chats"></i>
            </a>
        </div>
    </div>
</template>

<script type="text/javascript">
    import store from '../store/index'
    export default{
        name: "speed-dial",
        props: ['item'],
        mounted () {

        },
        methods: {
            navToForumPage(forum_id){
                //changeCurrentPosition(store, { forumId : forum_id });
                //myApp.redictNewPage('forum-page',true)
            },
            asLiked(){
                store.dispatch('updateTopicAsLiked');
            }
        },


    }
</script>
